<template>
    <svg width="624" height="652" xmlns="http://www.w3.org/2000/svg" version="1.1">
        <g>
            <path id="svg_1" :fill="!props.state ? '#ff0000' : '#00ff00'"
                d="m363.7,202.1l0,-16.7c0,-13 -5.5,-25.9 -16.4,-33.3l-54.8,-44.5c-5.5,-5.6 -9.1,-13 -9.1,-20.4l0,-66.7c0,-13 -11,-24.1 -23.7,-24.1l-235.8,0c-12.8,0 -23.7,11.1 -23.7,24.1l0,607.5c0,13 11,24.1 23.7,24.1l235.7,0c12.8,0 23.7,-11.1 23.7,-24.1l0,-35.2c0,-14.8 11,-25.9 25.6,-25.9l12.8,0c23.7,0 43.8,-20.4 43.8,-44.5l0,-68.4c62.1,-7.4 111.4,-61.1 111.4,-125.9c0,-29.6 -9.1,-57.4 -27.4,-77.8c-11.1,-22.3 -60.3,-44.5 -85.8,-48.2zm-23.8,322.3l-1.8,0c0,9.3 -7.3,18.5 -18.3,18.5l-12.8,0c-27.4,0 -51.2,24.1 -51.2,51.9l0,33.3l-230.1,0l0,-451.9l124.2,0l0,231.5c0,7.4 5.5,13 12.8,13s12.8,-5.6 12.8,-13l0,-244.5c0,-7.4 -5.5,-13 -12.8,-13l-137,0l0,-127.8l232,0l0,64.8c0,16.7 7.3,31.5 20.1,40.7l54.8,44.5c3.7,3.7 7.3,9.3 7.3,13l0,339zm23.8,-96.3l0,-200.1c49.3,5.6 85.9,48.2 85.9,100c-0.1,51.9 -38.4,94.5 -85.9,100.1z" />
            <polygon v-if="!props.state" id="svg_2" :fill="!props.state ? '#ff0000' : '#00ff00'"
                points="617.5,199.60000610351562 456.5999755859375,260.20001220703125 466,289.5 626.9000244140625,229 " />
            <polygon v-else :fill="!props.state ? '#ff0000' : '#00ff00'" transform="rotate(110 456.75 456.55)" id="svg_3"
                points="532.5,411.6000061035156 371.5999755859375,472.20001220703125 381,501.5 541.9000244140625,441 " />
        </g>
    </svg>
</template>
<script setup lang="ts">
import { ElPopover } from 'element-plus';
const props = defineProps({
    state: {
        type: Boolean,
        default: false
    }
});
</script>